<%inherit file='index.html'/>

<%block name="content">
<div id="content">
	<div class="middle">
		<div class="gameHeader">
			<h2>Dominion</h2>
		</div>
		<div class="gameTables">
		</div>
	</div>
	<div class="left">
		<div class="gameHeader">
			<h2>Tic Tac Toe</h2>
		</div>
		<div class="gameTables">
			<form action="/game/TicTacToe/create" method="POST" class="watched async">
				<input type="submit" value="New"/>
			</form>
			% if TicTacToe:
			% for key, game in TicTacToe.items():
			<div class="TicTacToeTable">
				<a id="${game.id}" href="/game/${game.gameType}/${game.id}/${'watch' if game.started else 'join'}">
					${len(game.players)} out of ${game.minimumPlayers}
					(${'watch' if game.started else 'join'})
				</a>
			</div>
			% endfor
			% endif
		</div>
	</div>
	<div class="right">
		<div class="gameHeader">
			<h2>Mah Jong</h2>
		</div>
		<div class="gameTables"></div>
	</div>
</div>
</%block>

<%block name="javascript">
<script type="text/javascript">
	$(document).ready(function(){
	});
</script>
</%block>
